﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    BuscarUsuario
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <script src="../../Scripts/Validaciones.js" type="text/javascript"></script>
    <script src="../../Scripts/Usuario.js" type="text/javascript"></script>
    <script>
        function pagoOnChange(sel) {
            if (sel.value == "12") {
                $("#habitante").show();
                $("#personal").hide();
            }
            if (sel.value == "1") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "2") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "3") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "4") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "5") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "6") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "7") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "8") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "9") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "10") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "11") {

                $("#habitante").hide();
                $("#personal").hide();
            }

        }
    </script>
    <link rel="Stylesheet" type="text/css" media="screen" href="../../../Content/Edificio.css" />

                       
                               <label for="nro_documento_persona">Num. Doc.:</label>
                               <input type="text" name="nro_documento_persona" id="nro_documento_persona"  maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all"/><br></br>
                       
                               <label for="nombre">Nombres:</label>
                               <input type="text" name="nombre" id="nombre"  maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/><br></br>
                               
                               <label for="apellidos">Apellidos:</label>
                               <input type="text" name="apellidos" id="apellidos" size="20"  maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/><br></br>

                               <label for="Id_Cargo">Cargo: </label>
                                <select id="Id_Cargo" class="text ui-widget-content ui-corner-all"></select>
                                <br></br>
                               
                               <input type="submit" id = "botonBuscar" value="Buscar" class="submit-button" />
                               <input type="submit" id = "botonCancelar" value="Cancelar" class="submit-button" /><br></br>
                       
            

<div id= "botonesSeleccion">
    <input type="submit" id = "botonModificar" value="Modificar" class="submit-button" />
    <input type="submit" id = "botonEliminar" value="Eliminar" class="submit-button" /><br></br>
</div>

<div id = "tablaDinamica">
          
</div>
<!--<div id = "tablaDinamica">!-->



<div id="dialog-form" title="Buscar usuario">
    <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>
 
    <fieldset>
        <label for="nombres">Nombres</label>
        <input type="text" name="name" id="nombresB" maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="apellidos">Apellidos</label> 
        <input type="text" name="email" id="apellidosB" maxlength="50" onkeypress="return permite(event, 'car')" value="" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="genero">Genero:</label>
        <input name="generoB" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">F</label>
        <input name="generoB" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">M</label><br></br>
        <label for="tipoDocB">Tipo Doc.:</label>
       <select id="tipoDocMod" class="text ui-widget-content ui-corner-all"></select><br></br>
        <label for="nro_documento">Nro Doc.</label>
        <input type="text" name="name" id="nro_documento_personaB" maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="telefono">Telefono</label> 
        <input type="text" name="email" id="telefonoB" value="" maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="celular">Celular</label> 
        <input type="text" name="email" id="celularB" value="" maxlength="9" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="correo">Correo</label>
        <input type="text" name="name" id="correoB" class="text ui-widget-content ui-corner-all" /><br></br>
        <label for="direccion">Direccion</label>
        <input type="text" name="name" id="direccionB" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all" /><br></br>

    <label for="cargoB">Cargo:</label>
    <select id="CargoMod" class="text ui-widget-content ui-corner-all" onchange="pagoOnChange(this)"></select>
    <br></br>
    <!--campos para habitante !-->
    <div id="habitante" style="display:none;">
    <label for="es_inquilino" >Inquilino:</label>
    <input name="es_inquilino" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Si</label>
    <input name="es_inquilino" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">No</label>
    <label id="errorInquilino" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="contacto">Contacto:</label>
    <input type="text" name="contacto" id="contacto" size="20"   onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label for="telefono_contacto" >Teléfono Cont.:</label>
    <input type="text" name="telefono_contacto" id="telefono_contacto" size="20"  onkeypress="return permite(event, 'num')"  class="text ui-widget-content ui-corner-all"/>
    <br></br>
    </div>

    <!--campos para personal !-->
     <div id="personal" style="display:none;">
    <label for="sueldo">Sueldo:</label>
    <input type="text" name="sueldo" id="sueldo" size="20" class="text ui-widget-content ui-corner-all"/>
    <label id="errorSueldo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="id_seguro">Seguro:</label>
    <select id="id_seguroMod" class="text ui-widget-content ui-corner-all" ></select>
    <br></br>
    </div>

    <input type="text" style="display:none" id="id_persona" class="text ui-widget-content ui-corner-all" /><br></br>

    </fieldset>

</div>
</asp:Content>
